# Storyboard — Claude Code 自己迭代视频工作流

> 全长: ~82 秒 | 21 个镜头 | 全程序化渲染 + 真实素材混合

---

## Act 1: 困境 (0-14s)

### S01 | Title Card (0-3s)
黑底。大字逐字打出：
『我让 Claude Code 自己做视频』
字体: 粗体白字, 字号自适应1080p
3s 时缩小到左上角作为水印
背景: 极暗科技网格 (opacity 0.15)

### S02 | Three-Punch Montage (3-6s)
三画面快速闪过各 0.8s:
1. 空文件图标 (0KB mp4) → 红色 X
2. Claude Code 终端显示 Amazon keywords 研究 → 橙色 ! 
3. Score bar: 69→92 闪动 → 金色
口播配合节奏: 每个画面对应一句

### S03 | gdigrab Fail (6-10s)
终端窗口模拟:
```
$ ffmpeg -f gdigrab -i desktop output.mp4
[gdigrab] 无法捕获桌面: 会话隔离
$ ls -la output.mp4
-rw-r--r-- 0 output.mp4  ← 红框
```
红框高亮 0KB 和大段错误信息。

### S04 | Five Failures (10-14s)
5 行文字快速闪过:
1. Direct bash gdigrab → ❌ 空/2秒
2. Task Scheduler /IT → ❌ 静态
3. WScript/VBS → ❌ 无法录屏
4. XML InteractiveToken → ❌ 相同
5. ASCII 路径 → ❌ 依然失败

每行 0.6s，最后全屏『×』布满画面

---

## Act 2: 转折 (14-22s)

### S05 | AI Drift (14-18s)
Claude Code 终端显示方向漂移:
```
→ 录屏方案全部失败
→ 让我看看 Amazon 选品怎么做...
→ Sorftime 市场分析开始
→ 卖家精灵关键词采集...
```
最后一行『⚠️ 方向已偏离』红色闪烁

### S06 | ChatGPT Correction (18-22s)
对话框中显示:
```
ChatGPT: 
"不要尝试录屏了。
Claude Code 本身就是一个 UI 引擎。
让它自己画自己的界面——用 Python。
用真实执行日志驱动画面。"
```
关键句亮黄色高亮，其余灰色。

---

## Act 3: 构建 (22-33s)

### S07 | Python Render Engine (22-26s)
代码编辑器风格显示：
```python
# render_frames_v9.py
def render_terminal(scene):
    draw_tool_call("Bash()")
    draw_agent_status(agents)
    draw_progress_bar(percent)
```
代码逐行 colored syntax highlight。
终端侧边同步滚动渲染日志。

### S08 | Multi-Agent Parallel (26-30s)
四张 Agent 卡片:
```
🧠 analyst    ⏳ 分析需求  ████████░░ 80%
🔍 researcher 📂 搜索方案  ██████░░░░ 60%
💻 coder      ⌨️ 编写代码  ████░░░░░░ 40%
✅ reviewer   📋 审核中    ██░░░░░░░░ 20%
```
每张卡片渐入，进度条增长动画。

### S09 | Real Commands (30-33s)
终端逐行真实日志:
```
[Bash]  pip install torch --index-url...
[Write] render_frames_v9.py ... 48961 bytes
[Edit]  compose_v9.py:51 → "4 agents running"
[Agent] researcher finished: 场景定义完成
```
每行对应一个工具调用卡片 UI 元素。

---

## Act 4: 上升 (33-43s)

### S10 | Kimi Review Intro (33-37s)
Kimi 审核界面:
```
📋 Kimi 视觉审核 v1
━━━━━━━━━━━━━━━━━
1. 开头3秒吸引力    7/10
2. 界面真实感       6/10  ← 低分红色
3. 多Agent并行感    5/10  ← 低分红色
...
总分: 69/100 ❌
```
低分行红色，其余白色。分数突出显示。

### S11 | Score Bar Animation (37-43s)
柱状图增量动画。每 0.8s 亮起一个:
```
69 ██████████████████████████████  ← v1 灰色
72 ████████████████████████████████  ← v2 浅绿 +3
81 ██████████████████████████████████████  ← v3 绿色 +9 (最大跳)
85 ██████████████████████████████████████████  ← v4 
86 ██████████████████████████████████████████  ← v5
89 ████████████████████████████████████████████  ← v6
90 █████████████████████████████████████████████  ← v7
```
每个柱子弹出时带 pop 音效，口播同步。

---

## Act 5: 危机 (43-58s)

### S12 | V9 Peak (43-46s)
柱状图继续到:
```
92 ████████████████████████████████████████████████ 🏆 v9
```
金色高亮，闪耀效果。『可直接发布』标签出现。

### S13 | V10 Crash (46-51s)
画面剧烈切换：
1. 92 → 76 数字掉落动画，红色
2. 代码行高亮: `render_frames_v10.py:588`
3. 那行代码特写: `status = "3/3 agents working"` ← 显红
4. Kimi 报告: 76/100 ← 大字
全程伴随下坠音效。

### S14 | V11 Recovery (51-55s)
76 → 88 缓慢上升动画，停在 88。
V9 的 92 在右侧灰色显示作为对比:
```
V11: 88 ██████████████████████████████████████████
V9:  92 ████████████████████████████████████████████████ 🏆
```
差距明显。

### S15 | Lesson (55-58s)
全屏大字：『一个硬编码 bug，能让你一夜回到解放前』
白色字，5s 渐隐。
背景暗色。

---

## Act 6: 决算 (58-77s)

### S16 | Rollback Decision (58-61s)
终端决策界面:
```
❌ 保留 V11 继续 → 88 < 92, 不通过
❌ 从 V10 重来 → regression 路线已死
✅ 回滚 V9 → 92/100 🏆 → FROZEN
→ 冻结包已创建
```

### S17 | Review Portal (61-65s)
浏览器窗口模拟:
```
https://review-portal-773.pages.dev/
→ 200 OK ✅
→ runs/20260710_181427_claude-ui-rebuild_v9-best-final/
→ video.mp4 → 200 OK ✅
```

### S18 | HTTP Verify (65-69s)
终端依次:
```
$ curl -I https://review-portal-773.pages.dev/
HTTP/1.1 200 OK  💚
$ curl -I runs/.../v9-final/video.mp4
HTTP/1.1 200 OK  💚
```

### S19 | Summary Card (69-73s)
统计卡片 stagger 入场:
```
📊 11 轮迭代
📉 1 次 regression (-16)
📈 总提升 +23 分
🏆 最终版本 V9 92/100
```
每张间隔 0.6s，从底部滑入。

### S20 | Final Montage (73-77s)
三列交替:
```
❌ 录屏失败     ❌ AI 跑偏     ❌ 分数崩过
         ✅ 又爬回来了
         ✅ 这才是真正的工作流
```

---

## Act 7: 结尾 (77-82s)

### S21 | End Card (77-82s)
黑底白字。逐行动画（每行 0.6s）:
```
执行
→ 审核
→ 修复
→ 回归测试
→ 稳定交付
```
最后 2s 出大字：
『这才是真正的 AI 工作流』
右下角小字: Claude Code × Kimi 自动修复闭环
缓出。